import { MoreOutline, MinusOutline } from 'antd-mobile-icons';
import './index.less';
import '@/font_3926640_36s2f7x8pd2/iconfont.css';

export default function Index() {
  return (
    <div className="indexBox">
      {/* 婚礼纪 */}
      <div className="top">
        <div className="top_title">
          <div className="icon-xiaoxi iconfont"></div>
          <p>婚礼纪</p>
        </div>
        <div className="user">
          <img src={require('@/public/头部照片.jpg')} />
          <div className="user_right">
            <span>易烊千玺_yyqx</span>
            <label>188****6077</label>
          </div>
        </div>
      </div>
      {/* 第一个白色块 */}
      <div className="box_icon1">
        <div className="icon-youhuiquan iconfont">
          <p> 优惠券</p>
        </div>
        <div className="icon-shoucang iconfont">
          <p>我的收藏</p>
        </div>
        <div className="icon-ico_yuyueguanli_fangjianyuyue iconfont">
          <p>订单预约</p>
        </div>
      </div>
      {/* 第二个白色块 备婚工具 */}
      <div className="box_icon2">
        <span>备婚工具</span>
        <div className="center2">
          <div className="icon-xinjian iconfont">
            <p> 电子请帖</p>
          </div>
          <div className="icon-rili iconfont">
            <p>婚礼吉日</p>
          </div>
          <div className="icon-aixin iconfont">
            <p>婚礼现场</p>
          </div>
        </div>
      </div>
      {/* 背景图 */}
      <div className="box_nav">
        <img src={require('@/public/redPack.png')} />
      </div>
    </div>
  );
}
